@charset "utf-8";
@import 'share';
@import 'styleset';

/* -------------------------------- */
/* article builder css              */
/* -------------------------------- */


div.row{
	overflow: hidden;
}


div#builder{
	padding: 0 2%;
}

div#builder_info{
	padding: 0 2%;
    background-color:#ffffff;
    margin:0;
    width:1280px;
}


div#builder img.pic{
	max-height: 160px;
}

div#builder .leftimg{
	max-height: 590px;
}

div#builder div.subcontents{
	margin: 1em 0 0 0;
}

div.detail{
overflow: hidden;
	margin:2em 10em 4em 0;
}

section#builder_detail{
	margin: 1em 0 0 0;
}

section#builder_detail h3{
	font-weight: normal;
	font-size: 1.071em;
	border-bottom: 2px solid $main_color2;
	padding: 1% 0;
	margin: 0 0 1% 0;	
}

section#builder_detail dt{
	float: left;
	clear: both;
	width: 30%;
	display:inline;
	padding: 1% 0;
	margin: 0 0 1% 0;
	font-weight: normal;

}

section#builder_detail dd{
	margin: 0 0 0 2%;
}

section#builder_detail dd{
	border-bottom: 2px solid $main_color2;
	padding: 1% 0;
	margin: 0 0 1% 0;
	font-weight: normal;
}

div.topright{
	margin: 15% 0 0 3.19149%;
}

div#builder h1{
	font-weight: normal;
	margin: 0.5em 0;
}

div#builder h3.maincopy{
	font-weight: normal;
	margin: 2em 0;
	font-size: 1.786em;
}

div#builder p.detail{
	margin: 2em 0 3em 0;
}

div#sub{
	clear: both;
	overflow: hidden;
}

div#map{
position: relative;
}

div#map img{
 position: relative;
 top:140px;
 z-index: 10;
}

div#form{
	background-color: $main_color4;
	padding:0.2em 0.5em ;
	border-radius                                  : 5px;
	-webkit-border-radius                          : 5px;
	-moz-border-radius                             : 5px;
	position: relative;
	z-index: 1;
}

div.button{
	position: relative;
	left: 350px;
	top: -120px;
	z-index: 10;
}

div#form h3 {
	color: $main_color2;
	margin: 0 0 0 0.5em;
}

div#form p{
	color: #fff;
	font-size: 1.076em;
	margin: 0 0 0 0.5em;
}


/*TypeB*/

div.typeb div#builder p.detail{
	margin: 0.5em;	
}

div.typeb div#builder div.detail{
	margin: 2em 10em 0 0;
	overflow: hidden;
}

div.typeb div#builder h3.maincopy {
    font-size: 1.786em;
    font-weight: normal;
    margin: 1em 0;
}

/*House 施工事例一覧*/

h3.title {
color                                          : $main_color2;
font-size: 1.786em;
font-weight: normal;
margin: 0 0 2% 1%;
padding: 0;
}

h3 img{
	margin: 0 3% 0 0;
	padding: 0;
	vertical-align: bottom;
	text-align: left;
}

h3 span {
    margin: -5% 2% 0 2%;
    text-align: center;
}

h3 span a {
    background-color: #57B2E5;
    color: #FFFFFF;
font-size: 0.6em;
font-weight: normal;
    padding: 0.7%;
    text-decoration: none;
}

section#house div.header p{
	margin: -3% 0 0 17%;
}


section#house div.row{
	margin: 0 ;
}


section#house div.row ul figure{
	text-align: center;
}

section#house div.row ul figure img{
	height: 230px;
}


section#house ul li h3{
	color: $main_color4;
	font-weight:normal; 
	font-size: 1.5em;
	margin: 2% 1% 0 0;
	text-align: left;
}

section#house ul li  h4{
	font-weight: normal;
	text-align: left;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}


/*オススメ・イベント*/

section#event div.event,
section#osusume div.osusume{
	border-top: 2px solid $main_color2;
	margin: .5% 0 ;
	padding :3% 0;
}

section#event h3.title,
section#osusume h3.title{
	border-bottom: 2px dotted $main_color2;
	padding: 0 0 0.5em 0;
	margin: .5% 0;	
}

section#event div.event div.row,
section#osusume div.osusume div.row{
	border-bottom: 2px dotted $main_color3;
	padding: 0 0 1% 0;
}

/*他の工務店を見る*/
section#builder figure a{
	font-size: 0.7em;
	color: $main_color3;
	font-family: arial;
}
